<!DOCTYPE html>
<html>
<head>
	<include file="Public:include_head" />
	<title>{$the_room.name} | ROOM社区 | 百工宝</title>
	<meta name=keywords content=<volist name="the_room.tags" id="tag">{$tag}、</volist>>
	<meta name=description content={$the_room.detail|trim}>
	<style type="text/css">

		
		body{
			background:#f0f0f0;
		}
		.main{
			width:1170px;margin:0 auto;
		}
		.contents{
			 width: 800px; float:left;
		}
		.contents li{
			background:#FFF; margin:10px 0 0 0;
			padding:10px;
		}
	</style>
</head>
<body >
        
    <include file="Public:head" />
    	
    	<div class="main">
    		<include file="Public:roomlist" />
    		<div class="contents">
				
				<div class="room_info fade" style="background:#FFF;margin-top:10px;" v-if="add_open == 0">
					<div style="height:100px; overflow:auto;">
						<div class="head_ico" style="float:left;width:80px;height:80px;margin:10px;border-radius:10px;overflow:hidden;">
							<img src="{$the_room.bg_img}-80x80" style="width:100%;height:100%;">
						</div>
						<div style="float:left;margin:10px 0;">
							<div class="room_name user_name" style="height:40px;line-height:40px;font-size:25px;font-weight:bold;">
								{$the_room.name}
							</div>
							<div style="height:20px;line-height:20px;color:#384a92;font-size:12px;">项目ROOM/{$the_room.type_name}</div>
							<div style="height:20px;line-height:20px;color:#666666;font-size:12px;">{$the_room.click_number}浏览 · {$the_room.collection_number}关注 · {$the_room.content_number}讨论</div>
						</div>
						<div style="float:right;background:#ff9800;color:#FFF;height:28px;line-height:28px;width:70px;text-align:center;border-radius:14px;margin:13px;"  class="op sc hand">+关注</div>
					</div>

					<div style="margin:10px;" >
						<div>{$the_room.detail}</div>
						<div style="margin:5px 0;color:#666;">包含子项目:</div>
						<div style="">
							<volist name="the_room.tags2" id="tag">
								<span class="layui-badge layui-bg-green" style="margin:5px;">{$tag}</span>
							</volist>
						</div>
						<div style="margin:5px 0;color:#666;">需求行业:</div>
						<div style="">
							<volist name="the_room.tags3" id="tag">
								<span class="layui-badge layui-bg-green" style="margin:5px;">{$tag.name}</span>
							</volist>
						</div>
					</div>
			        <div style="margin:5px 10px;color:#666;">标签:</div>
					<div style="margin:10px;">
						<volist name="the_room.tags" id="tag">
							<span class="layui-badge layui-bg-green" style="margin:5px;">{$tag}</span>
						</volist>
					</div>
				</div>

				<ul class="contents">

					<volist name="content" id="co">
						
						<li>
							<a href="/user/info/{$co.uuid}">
								<p style="margin:0 0 10px 0">
									<img src="{$co.head_ico}-80x80" style="widows:30px;height:30px;">
									<span>{$co.nick_name}</span>
									<span>|</span>
									<span>等级:{$co.lv}</span>
									<span>|</span>
									<span>{$co.city_name}</span>
									<span>|</span>
									<span>{$co.major}</span>
								</p>
							</a>
							<a href="/content/info/{$co.id}">
								<h2>{$co.title}</h2>
								<p>{$co.content}</p>
							</a>
							
							<notempty name="co.videos">
								<p>
									<video src="{$co.videos.0.video_url}" controls="controls" style="width:300px;">
										您的浏览器不支持 video 标签。
									</video>
								</p>
							</notempty>

							<notempty name="co.imgs">
								<p>
									<volist name="co.imgs" id="img">
										<img src="{$img}-80x80" style="margin:10px 10px 0 0;" alt="{$co.title}" title="{$co.title}">
									</volist>
								</p>
							</notempty>
								
							<notempty name="co.files">
								<p>
									<volist name="co.files" id="file">
										<a href="{$file.file_url}" target="_blank">
											<p style="background:#f3f3f3;margin:5px 0;">
												<img src="https://baigongbao.oss-cn-beijing.aliyuncs.com/img/file2.png" style="width:40px;height:40px;">
												{$file.file_name}
											</p>
										</a>
									</volist>
								</p>
							</notempty>
							<a href="/content/info/{$co.id}">
								<p>{$co.time_str}</p>
							</a>
							<a href="/content/info/{$co.id}">
								<p style="margin:0 0 10px 0">
									<span>收藏</span>
									<span>|</span>
									<span>转发</span>
									<span>|</span>
									<span>回复{$co.answers_count}{$co.comment_count}</span>
									<span>|</span>
									<span>赞{$co.commend_count}</span>
								</p>
							</a>
						</li>
						
					</volist>
				</ul>

			</div>
		</div>
		
</body>
</html>
